import React from 'react';
import { connect } from 'react-redux';

import BaseComponent from '../../components/common/baseComponent.js';
import icon from '../../../assets/images/invoice/blocked.png';

@connect((state) => {
  const { invoice } = state;
  return {
    desc: invoice.getIn(['permission', 'desc']),
  };
})
class InvoiceLimited extends BaseComponent {

  render() {
    const { desc } = this.props;
    return (
      <div className="no-permission-invoice">
        <img src={icon} alt="" className="icon" />
        <div className="title">{desc}</div>
      </div>
    );
  }
}

export default InvoiceLimited;
